<template>
	<div class="box">
		<span class="iconfont icon-right-angle-copy"></span>
		<p class="k">有品总榜</p>
		<span class="iconfont icon-fenxiang2-copy-copy"></span>
	</div>
</template>

<script>
	export default {
		name:"top",
		data:function(){
			return{
				show:false,
			}
		},
		methods:{
			showPopup(){
				this.show = true;
				
			}
		}
	}
</script>

<style scoped>
	.box{
		width: 100%;
		height: 0.4rem;
		line-height: 0.4rem;
		position: fixed;
		background: rgba(204,204,204,.2);
		top: 0;
		z-index: 1;
	}
	.box .icon-right-angle-copy{
		font-size: 0.2rem;
		float: left;
		margin-left: 0.16rem;
	}
	.box .icon-fenxiang2-copy-copy{
		font-size: 0.25rem;
		margin-top: 0.02rem;
		float: right;
		margin-right: 0.16rem;
	}
	.k{
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		
	}
</style>
